$(window).on('scroll', function () {

    var $scroll = $(window).scrollTop();
    if ($scroll >= 400 && $scroll < 900) {
        $('#side-bar').show();
        $('.newpro').addClass('active');
        $('.back').removeClass('active');
    } else if ($scroll >= 900) {
        $('#side-bar').show();
        $('.back').addClass('active');
        $('.newpro').removeClass('active');
    } else {
        $('#side-bar').hide();
    };
});
$('.newpro').on('click', function () {
    $('html,body').animate({
        scrollTop: 780
    })
});

$('.back').on('click', function () {
    $('html,body').animate({
        scrollTop: 0
    })
});